<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>魔兽世界</title>

        <style>
            /* p段落样式 */
            #para1{
                color: red;
                text-align: center;
            }
            h1.center{
                background-color: red;
            }
            p.center{
                color: yellow;
            }
            
            
        </style>
    </head>
    <body>
        <p id="para1">Hello world</p>
        <p class="center">这个段落采用CSS样式化</p>
        <p class="center">段落3</p>
        <p class="center">段落4</p>
        <h1 class="center">标题5</h1>
    </body>
</html>